//页面结构复杂，css样式太多的情况，使用 image 可能导致样式生效较慢，出现 “闪一下” 的情况，此时设置 image{will-change: transform} ,可优化此问题。
image {
	will-change: transform
}

.status-default {
	background-color: #333333;
	&::before{
		background-position: center !important;
	}
}
.del-box{
  width: 530rpx;
  height: 100rpx;
  margin: 0 auto;
}
.border-none {
	border:none !important;
}
.status-danger {
	background-color:#FC5F5E;
	text-align: center;
	&::before{
		margin-top: 18rpx !important;
	}
	&::after{
		content: '禁止启动';
		color: #fff;
		font-size: 16rpx;
	}
}
.status-normal {
	background-color:#22D0BE;
	text-align: center;
	&::before{
		margin-top: 18rpx !important;
	}
	&::after{
		content: '允许启动';
		color: #fff;
		font-size: 16rpx;
	}
}
.status-runing {
	background-color:#06B7F3;
	text-align: center;
	&::before{
		margin-top: 18rpx !important;
	}
	&::after{
		content: '指令下发中...';
		color: #fff;
		font-size: 16rpx;
	}
}
	
.tag-primary {
	border: 2upx solid #06B7F3;
	color: #06B7F3;
	border-radius: 5upx;
	padding: 2upx 4upx;
}


.tag-warn {
	// border: 2upx solid #FEBB41;
	// color: #FEBB41;
	// border-radius: 5upx;
	// padding: 2upx 4upx;
	color: #06B7F3;
}
.f100{
	font-size: 100upx;
}
.w33 {
	width: 33.3%;
}
.impact {
	font-family: impact;
}

.card-shadow-box {
	padding: 0 20upx;
	background: #FFFFFF;
	border-radius: 20upx;
	box-shadow: 0px 4px 30px 0px rgba(165, 189, 251, 0.4);
}

.f18 {
	font-size: 18upx;
}

.u-tabs {
	background-color: #fff !important;
}

.u-textarea__field {
	font-size: 24upx !important;
	color: #999999 !important;
}

.u-textarea {
	padding: 0 10upx !important;
}

.u-form-item__body__left__content__label {
	color: #666666 !important;
	font-size: 24upx !important;
}

.card-grey-box {
	padding: 20upx;
	background: #EBEFF7;
	border-radius: 20upx;
}

.dinbold {
	font-family: dinbold;
}

.circle2 {
	width: 40upx;
	height: 40upx;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.circle3 {
	width: 30upx;
	height: 30upx;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.card-cell-box {
	padding: 0 20upx;
	background: #FFFFFF;
	border-radius: 20upx;
}

.u-cell__body {
	padding: 30upx 0upx !important;
}

.u-cell__title-text {
	color: #666666 !important;
	font-size: 12px;
}

input {
	font-size: 24upx !important;
}

.pl30 {
	padding-left: 30upx;
}

/* 列表页面 */

.f36 {
	font-size: 36upx;
}

.mt50 {
	margin-top: 50upx;
}

.w300 {
	width: 300upx;

}

.c-primary {
	color: #06B7F3;
}

.c-primary2 {
	color: #00C9FF;
}

.c-info {
	color: #999999;
}

.c-desc {
	color: #666666;
}

.c-warn {
	color: #ECAD00;
}

.c-danger {
	color: #EC1010;
}

.ptb6lr10 {
	padding: 6upx 10upx;
}

.u-radio {
	align-items: flex-start !important;

}

.ptb4lr8 {
	padding: 4upx 8upx;
}

.plr6 {
	padding: 0 6upx;
}

.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.baseline {
	align-items: baseline;
}

.f72 {
	font-size: 72upx;
}

.mt60 {
	margin-top: 60upx;
}

.mb90 {
	margin-bottom: 90upx;
}

.mtb40 {
	margin-top: 40upx;
	margin-bottom: 40upx;
}

.pb30 {
	padding-bottom: 30upx;
}

.p0 {
	padding: 0 !important;
}

.p-absolute {
	position: absolute;
}

.light-color {
	view {
		color: #999999 !important;
	}

	text {
		color: #999999 !important;
	}
}

.f26 {
	font-size: 26upx;
}

.f28 {
	font-size: 28upx;
}

.p-relative {
	position: relative;
}

.f48 {
	font-size: 48upx;
}

.bg-white {
	background-color: #fff;
}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
}

.hidden {
	overflow: hidden;
}

.pt30 {
	padding-top: 30upx;
}

.mt80 {
	margin-top: 80upx;
}


.mb30 {
	margin-bottom: 30upx;
}

.u-border {
	border-width: 0.5px !important;
	border-color: $u-border-color !important;
	border-style: solid;
}

.primary {
	color: #0061F9 !important;
}

.u-button__text {
	//font-size: 30upx !important;
	letter-spacing: 3px;
}

.u-border-bottom {
	border-bottom-width: 0.5px !important;
	border-color: $u-border-color !important;
	border-bottom-style: solid;
}

.dotted {
	border-bottom-style: dotted;
}

.yahei {
	font-family: MicrosoftYaHei-Bold;
}
.iconbike-shuixiangwendu,.iconbike-jieqimenkaidu{
		font-weight: 600 !important;
	}

page {
	color: #333333;
	font-family: PingFang SC;
	font-size: 24upx;
	background-color: #F2F5FC;
	height: 100%;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}


.black-bg {
	background-color: #2C3342;
}

.ptb30 {
	padding: 30upx 0upx;
}

// .u-cell__title-text {
// 	font-size: 30upx !important;
// }
.c-white {
	color: #ffffff;
}

.mr4 {
	margin-right: 4upx;
}

.f90 {
	font-size: 90upx;
}

.ml30 {
	margin-left: 30upx;
}

.pt20 {
	padding-top: 20upx;
}


.pb20 {
	padding-bottom: 20upx;
}

.mt60 {
	margin-top: 60upx;
}

.mt30 {
	margin-top: 30upx;
}

.grey {
	color: #898989 !important;
}

.mr20 {
	margin-right: 20upx;
}

.mr24 {
	margin-right: 24upx;
}

.mt10 {
	margin-top: 10upx;
}

.mtb20 {
	margin-top: 20upx;
	margin-bottom: 20upx;
}

.h10 {
	height: 10upx;
}

.flex1 {
	flex: 1;
}

.circle-tag {
	color: #666666;
	padding: 4upx 18upx;
	border: 1px solid #C9D3E9;
	border-radius: 30upx;
	margin-bottom: 20upx;
	margin-right: 20upx;
}

.pt10 {
	padding-top: 10px;
}

.wper50 {
	width: 50%;
	flex: 1;
}

.pt20 {
	padding-top: 20upx;
}

.bb {
	border-bottom: 2upx solid #C9D3E9;
}

.wh30 {
	width: 60upx;
	height: 60upx;
}

.plr30 {
	padding: 0 30upx;
}

.wper25 {
	width: 25%;
}

uni-swiper {
	height: 600upx !important;
}

.u-cell {
	padding: 0upx !important;
}

.plr30tb20 {
	padding: 20upx 30upx;
}

.flex-align-start {
	align-items: flex-start !important;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.number {
	font-family: number;
	color: #00FFBC;
	font-size: 48upx;
	letter-spacing: 8upx;
}

.u-line {
	border-color: #C9D3E9 !important;
}


.circle {
	width: 10upx;
	height: 10upx;
	border-radius: 50%;
}

.hper100 {
	height: 100% !important;
}

.flex-column-center {
	display: flex;
	align-items: center;
	flex-direction: column;
}


.tc {
	text-align: center;
}

.ml20 {
	margin-left: 20upx;
}

.block {
	display: block;
}

.wper100 {
	width: 100% !important;
}

.bold {
	font-weight: bold;
}

.pr {
	position: relative;
}

.nomore {
	padding: 30upx 20upx;
}
.u-button--primary  {
	background-color: #FEBB41 !important;
	color: #0C1124 !important;
	border-color: #FEBB41 !important;
	//height: 60upx !important;
}

.flex-row {
	display: flex;
}

uni-swiper {
	height: 280upx !important;
}

.flex-align-space-around {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.badge_address {
	right: -20upx;
	top: -10upx;
	font-size: 20upx;
}

.flex-end {
	align-items: flex-end;
}

.flex-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}



.p30 {
	padding: 30upx;
}

.f30 {
	font-size: 30upx;
	font-weight: bold;
}

.f24 {
	font-size: 24upx;
}


.mb20 {
	margin-bottom: 20upx;
}

.mt20 {
	margin-top: 20upx !important;
}

.mt100 {
	margin-top: 100upx;
}

.p20 {
	padding: 20upx;
}

.tip {
	color: #9e9696;
	font-size: 24upx;
}

.error {
	color: #f56c6c;
}

.tag-bg-primary {
	background-color:#06B7F3 ;
	color: #fff;
	font-size:24upx;
	padding:8upx;
	border-radius: 8upx;
	margin-right: 24upx;
	margin-bottom: 24upx;
}
.pt24{
	padding-top: 24upx;
}
.mt24{
	margin-top: 24upx;
}


.mr10 {
	margin-right: 10upx;
}
.ptb24 {
	padding-top: 24upx;
	padding-bottom: 24upx;
}

.mt40 {
	margin-top: 40upx !important;
}



.f20 {
	font-size: 20upx;
}
.pb16 {
	padding-bottom: 16upx !important;
}

.space-between {
	justify-content: space-between;
}

.flex-center-center {
	display: flex;
	align-items: center;
	justify-content: center;
}


.flex-align-center {
	display: flex;
	align-items: center;
}

.ml10 {
	margin-left: 10upx;
}

.ml4 {
	margin-left: 4upx;
}

.flex-center {
	justify-content: center;
	display: flex;
}

.f26 {
	font-size: 26upx;
}

.mb10 {
	margin-bottom: 10upx;
}


.mt0 {
	margin-top: 0 !important;
}

.w690 {
	width: 690rpx;
}

.h90 {
	height: 90rpx;
}

.h140 {
	height: 140rpx;
}

.light-box-shadow {
	box-shadow: 0px 4rpx 30rpx 0rpx rgba(165, 189, 251, 0.4);
}

.common-box {
	background: #FFFFFF;
	padding: 20rpx;
	border-radius: 20rpx;
	box-sizing: border-box;
	box-shadow: 0px 4rpx 30rpx 0rpx rgba(165, 189, 251, 0.4);
}

.common-list-box {
	background: #FFFFFF;
	padding: 20rpx;
	border-radius: 20rpx;
	margin: 0 auto;
	margin-top: 30rpx;
	box-sizing: border-box;
	box-shadow: 0px 4rpx 30rpx 0rpx rgba(165, 189, 251, 0.4);
}

.small-common-box {
	min-width: 200upx;
	height: 127upx;
	background: #FFFFFF;
	border: 1px solid #C9D3E9;
	border-radius: 10upx;
}

.small-common-box.selected {
	border-width: 3px;
	border-color: #febb41;
}

.flex-between-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.u-border {
	border-color: #C9D3E9 !important;
}

.border {
	border: 2upx solid #C9D3E9;
}

.border-raduis8 {
	border-radius: 8upx;
}

.u-steps-item__wrapper {
	background-color: transparent !important;

}

.u-steps-item__wrapper__circle {
	//background-color: #C9D3E9 !important;
	border-color: transparent !important;

}

.u-steps-item__wrapper__circle__text {
	color: #fff !important;
}

.u-text__value {
	font-size: 24upx !important;
}



.active-tag {
	background-color: #06B7F3;
	color: #ffffff;
	border-color: #06B7F3;
}

.fix-bottom-box {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #ffffff;
	border-top: 1px solid #C9D3E9;

	.btn {
		width: 200rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		color: #666666;
		border: 1px solid #666666;
		border-radius: 10rpx;
		font-size: 24rpx;

		&.grey {
			background: #AAB1C2;
			border-color: #AAB1C2;
			color: #ffffff !important;
		}

		&.red {
			background: #EC1010;
			border-color: #EC1010;
			color: #ffffff !important;
		}
	}
}

.item-box {
	background: #FFFFFF;
	border-radius: 20rpx;
	// margin: 0 auto;
	margin-bottom: 30rpx;
	overflow: hidden;

	.item-title {
		background: #292E4E;
		height: 64rpx;
		line-height: 64rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		border-top-left-radius: 20rpx;
		border-top-right-radius: 20rpx;
		padding: 0 20rpx;
		box-sizing: border-box;
		color: #FFFFFF;
		font-size: 24rpx;
		font-weight: bold;
	}

	.content {
		padding: 20rpx;
		box-sizing: border-box;
		word-break: break-all;
	}
}
.line_primary {
	width: 6upx;
	height: 24upx;
	background: #06B7F3;
}
//u-modal样式修改-start
.u-modal {
	.u-modal__title {
		color: #333333 !important;
		font-weight: bold !important;
		font-size: 30upx !important;
		padding-top: 30upx !important;
	}

	.u-line {
		display: none;
	}

	.u-modal__content,
	.u-modal__content__text {
		color: #333333 !important;
		font-size: 24upx !important;
		text-align: center !important;
	}

	.u-modal__button-group {
		justify-content: center;
		padding-bottom: 40rpx;
	}

	.u-modal__button-group__wrapper--cancel {
		width: 200upx !important;
		height: 60upx !important;
		background: #DDDDDD;
		line-height: 60upx !important;
		border-radius: 10upx !important;
		flex: none !important;
		margin: 0 40rpx;
	}

	.u-modal__button-group__wrapper--confirm {
		width: 200upx !important;
		height: 60upx !important;
		background: #FEBB41;
		line-height: 60upx !important;
		border-radius: 10upx !important;
		flex: none !important;
		margin: 0 40rpx;
	}

	.u-modal__button-group__wrapper__text {
		color: #0C1124 !important;
		font-size: 24upx !important;
	}
}

.over-hidden {
	overflow: hidden;
}

.cust-fix-bottom {
	&::before {
		content: '';
		display: block;
		// height: 70px;
		height: 50px;
	}

	.bottom-box {
		position: fixed;
		width: 100%;
		background: #F2F5FC;
		// padding: 10px;
		box-sizing: border-box;
		height: 60px;
		display: flex;
		align-items: center;
		bottom: 0;
		z-index: 6;
	}
}

.fix-top-box {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 6;
}

.cust-fix-top {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	padding: 30rpx;
	box-sizing: border-box;
	overflow: hidden;
	background: #F2F5FC;
	z-index: 6;
}
.t-center{
	text-align: center;
}
.fw600{
	font-weight: 600;
}
.f120{
	font-size: 120rpx;
}
.cblue{
	color: rgba(11, 186, 244, 1);
}
.inlineBlock{
	display: inline-block;
}
.t-right{
	text-align: right;
}
.h212{
	height: 100px;
}
.h200{
	height: 100px;
}
.f12 {
	font-size: 12rpx;
}
.mb8{
	margin-bottom: 8rpx;
}
//u-modal样式修改-end